import VueRouter from 'vue-router'   //导入包

import  home from './zj/home.vue'    //  第四步  自定义导入组件   然后 挂载
import  message from './zj/Regiest.vue'
import shopping from './zj/shopping.vue'
import my from './zj/my.vue'
import newlist from './zj/newlist.vue'
import newinfo from './zj/newinfo.vue'
import pohto from './zj/pohto.vue'
import  football from './zj/football.vue'
import basketball from './zj/basketball.vue'
import pretty from './zj/pretty.vue'
import  shoppingmarket from './zj/shoppingmarket.vue'
import goodsinfo from './zj/goodsinfo.vue'
import musiclist from  './zj/musiclist.vue'

  var router=new VueRouter({             //创建路由对象  
    routes:[  
         { path: '/home', component: home }  ,
         { path: '/message', component: message }  ,
         { path: '/shopping', component: shopping }  ,
         { path: '/musiclist', component: musiclist },
         { path: '/my', component: my } ,
         { path: '/newlist', component: newlist } , 
         { path: '/newinfo', component: newinfo },
         { path: '/shoppingmarket', component: shoppingmarket },
         { path: '/goodsinfo', component: goodsinfo },
         
         { path: '/pohto', component: pohto ,
         children:[
          {  path:'football'  ,component:football },
          {  path:'basketball'  ,component:basketball },
          {  path:'pretty'  ,component:pretty }
          ]
        
        }   

                  
    ],linkActiveClass: 'mystyle'        //总体的展示路由组件中 定义  <style></style>  和 transtion
  });

  export default router      //向外暴露路由 